@tailwind base;
@tailwind components;
@tailwind utilities;

.ant-pro-layout {
  height: 100vh !important;
}

.ant-pro-layout-content {
  margin: 24px;
  padding: 24px;
  background: #fff;
}

.ant-pro-layout .ant-layout-sider {
  background: #fff !important;
}

.ant-pro-layout .ant-menu {
  background: transparent;
}

.ant-pro-layout-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.ant-pro-layout.ant-pro-layout-mix {
  min-height: 100vh;
}

.ant-pro-layout.ant-pro-layout-fix-siderbar {
  position: relative;
}

.ant-pro-layout .ant-pro-sider {
  position: fixed;
  height: 100%;
  background: #fff;
}

.ant-pro-layout .ant-menu-item {
  margin: 0 !important;
}

.ant-pro-layout .ant-menu-item-selected {
  background-color: #e6f7ff !important;
}

.ant-pro-layout .ant-layout-header {
  background: #fff !important;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}

.ant-pro-layout:not(.screen-xxl):not(.screen-xl):not(.screen-lg):not(.screen-md):not(.screen-sm) {
  min-height: 100vh !important;
}

.ant-pro-layout.screen-xxl,
.ant-pro-layout.screen-xl,
.ant-pro-layout.screen-lg,
.ant-pro-layout.screen-md,
.ant-pro-layout.screen-sm {
  display: none !important;
}

div[class*="ant-pro-layout"][class*="screen-"] {
  display: none !important;
}

div[class*="ant-pro-layout"]:not([class*="screen-"]) {
  display: block !important;
} 